<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <base href="<%=basePath%>">

    <title>卡片学习</title>
    <link rel="stylesheet"
          href="websrc/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="websrc/css/common.css">
    <link rel="stylesheet" href="websrc/css/cardstudy.css">
    <script src="websrc/js/jquery-3.2.1.js"></script>

    <script src="websrc/js/cardstudy.js">
        //计时器


    </script>
    <style id="cardCss">
    </style>
</head>

<body>
<input type="hidden" id="studyListId" value="${studyListId}">

<div class="header clearfix">

    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed"
                        data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span> <span
                        class="icon-bar"></span> <span class="icon-bar"></span> <span
                        class="icon-bar"></span>
                </button>
                <a class="navbar-brand header-left clearfix" href="#">
                    <div class="logo">LOGO</div>
                    <div class="projectName">记忆宫殿</div>
                    <div class="projectEnglishName">Memory Palace</div>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse"
                 id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="/memorypalace/index-login.html">个人首页</a></li>
                    <li class="active"><a
                            href="/memorypalace/study/getsl.action">学习列表<span
                            class="sr-only">(current)</span></a></li>
                    <li><a href="/memorypalace/mydeck.html">浏览牌组</a></li>
                    <li><a href="/memorypalace/myknowledgetree.html">知识体系</a></li>


                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">Wing</a></li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
</div>
<div class="mypagewidth" style="margin-top: 20px">
    <div class="card" style="min-height: 529px">

    </div>
    <div class="showCount" >
        <span id="newCount">20</span>
        <span>+</span>
        <span id="reviewCount">100</span>
    </div>
    <div class="button" style="position: relative">
        <div id="_zmian" >
            <button type="button" onclick="btnclick()" class="btn btn-default">显示答案</button>
        </div>
        <div id="_fmian" style="display:none">
            <div >
                <button type="button" value="1" onclick="btnclick(this)"
                        class="btn btn-default">错误
                </button>
                <button type="button" value="2" onclick="btnclick(this)"
                        class="btn btn-default">困难
                </button>
                <button type="button" value="3" onclick="btnclick(this)"
                        class="btn btn-default">犹豫
                </button>
                <button type="button" value="4" onclick="btnclick(this)"
                        class="btn btn-default">顺利
                </button>
            </div>
        </div>
        <div style="float: right;position: absolute;right: 50px;top:0">
            <span id="mytime" style="font-size: 20px">00:00</span>
        </div>

    </div>
</div>


</body>
</html>
